// 富文本编辑器
// 创建编辑器函数，创建工具栏函数

const { createEditor, createToolbar } = window.wangEditor

//配置编辑器
const editorConfig = {
  //占位提示符
  placeholder: '文章发布内容...',
  //onChange 编辑内容发生变化时执行回调函数
  onChange(editor) {
    //获取编辑编辑框里的内容和标签
    const html = editor.getHtml()
    //console.log('editor content', html)
    // 也可以同步到 <textarea>文本域
    document.querySelector('.publish-content').value = html
  }
}

const editor = createEditor({
  //创建位置
  selector: '#editor-container',
  //编辑框的默认内容
  html: '<p><br></p>',
  //配置项
  config: editorConfig,
  //default集成了 wangEditor 所有功能  simple集成部分功能，更加简洁
  mode: 'default', // or 'simple'
})
//工具栏配置对象
const toolbarConfig = {}

//创建工具栏
const toolbar = createToolbar({
  //为指定编辑器创建工具栏
  editor,
  //工具栏创建位置
  selector: '#toolbar-container',
  //工具栏配置对象
  config: toolbarConfig,
  mode: 'default', // or 'simple'
})